<template>
	<div class="header">
		<div class="header-left" @click='back'><img src="../../../static/lfl/back.png"/></div>
		<router-link to='/addr'><div class="header-mid">重庆	▼</div></router-link>
		<router-link to='/'><div class="header-mid1"><img src="../../../static/lfl/log11.png"/></div></router-link>
		<div class="header-right">
			<router-link to='/percent'><img src="../../../static/lfl/user.png"/></router-link>
		</div>
	</div>
	
</template>
<script>
export default{
		name:'myheader',
		data(){
			return{			
			}
		},
		methods:{
			back(){
				this.$router.go(-1);

		}	
			
		}
} 
</script>

<style scoped="scoped">
	span{
		display: inline-block;
	}
	.header{
		height: 1rem;
	}
	.header-left img{
		width: 0.25rem;
		height: 0.45rem;
	}
	.header-right img{
		width: 0.5rem;
		height: 0.5rem;
	}
	.header-left{
		width: 0.3rem;
		height: 1rem;
		float: left;
		margin-left: 0.4rem;
   	 margin-top: 0.3rem;
	}
	.header-right{
		float: right;
		margin-right: 0.4rem;
		height: 1rem;
		margin-top: 0.3rem;
	}
	.header-mid{
		float: left;	
		line-height: 1rem;
		font-size: 0.3rem;
		margin-left: 0.5rem;
	}
	.header-mid1{
		float: left;
    width: 1.5rem;
    height: 0.7rem;
    margin-left: 1rem;
    margin-top: 0.16rem;
	}
	.header-mid1 img{
		width: 1.5rem;
		height: 0.7rem;
	}
</style>